{% extends "blog/base.html" %} <!-- 继承基本模板 -->
<!-- 加载自定义标签 -->
{% load blog_tags %}

{% block title %}{{ post.title }}{% endblock %} <!-- 设置页面标题 -->

{% block content %} <!-- 内容块开始 -->

<h1>{{ post.title }}</h1> <!-- 显示文章标题 -->

<p class="date"> <!-- 显示发布日期和作者 -->
    Published {{ post.publish }} by {{ post.author }}
</p>

{{ post.body|markdown }} <!-- 显示文章正文，自动换行 -->

<p>
    <a href="{% url "blog:post_share" post.id %}"> <!-- 分享链接 -->
        分享
    </a>
</p>

<!-- 显示相似文章 -->
<!-- 标题 -->
<h2>相似文章</h2>
<!-- 对于每篇相似文章，显示其标题并变为链接支持跳转 -->
{% for post in similar_posts %}
<p>
<a href="{{ post.get_absolute_url }}">{{ post.title }}</a>
</p>
<!-- 若没有相似文章显示如下内容 -->
{% empty %}
没有相似文章。
{% endfor %}

<!-- 显示评论总数 -->
 <!-- with 标签的作用是对变量进行重命名 -->
{% with comments.count as total_comments %} 
<h2>
{{ total_comments }} 个评论
</h2>
{% endwith %}

<!-- 遍历所有评论信息并显示 -->
{% for comment in comments %} 
<div class="comment">
    <p class="info"> <!-- 显示评论信息 -->
        <!-- forloop.counter 自动生成循环元素的序号 -->
        评论 {{ forloop.counter }}，{{ comment.name }} 评论于：
        {{ comment.created }}
    </p>
    {{ comment.body|linebreaks }} <!-- 显示评论内容，自动换行 -->
</div>
<!-- 如果没有评论，显示如下信息 -->
{% empty %}
<p>还没有评论……</p> <!-- 显示无评论信息 -->
{% endfor %}

<!-- 如果是新评论，提示你已经评论 -->
{% if new_comment %} 
<h2>您已评论！</h2>
<!-- 否则显示添加新评论并显示评论表单 -->
{% else %} 
<h2>评论</h2>
 <!-- 评论表单 -->
<form method="post">
    <!-- 根据后端评论表单自动生成前端评论表单 -->
    {{ comment_form.as_p }} 
    {% csrf_token %} <!-- 防止跨站请求伪造 -->
    <p><input type="submit" value="评论"></p> <!-- 提交按钮 -->
</form>
{% endif %}

{% endblock %} <!-- 内容块结束 -->
